<!doctype html>
<!--[if IE 7 ]>		 <html class="no-js ie ie7 lte7 lte8 lte9" lang="zh"> <![endif]-->
<!--[if IE 8 ]>		 <html class="no-js ie ie8 lte8 lte9" lang="zh"> <![endif]-->
<!--[if IE 9 ]>		 <html class="no-js ie ie9 lte9" lang="zh"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="zh"> <!--<![endif]-->
<head data-live-domain="api.jquery.com">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Event Object | jQuery API Documentation</title>

    <meta name="author" content="JS Foundation - js.foundation">
    <meta name="description" content="">

    <meta name="viewport" content="width=device-width">

    <link rel="shortcut icon" href="//api.jquery.com/jquery-wp-content/themes/api.jquery.com/i/favicon.ico">

    <link rel="stylesheet" href="//api.jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=3">
    <link rel="stylesheet" href="//api.jquery.com/jquery-wp-content/themes/api.jquery.com/style.css">

    <script src="//api.jquery.com/jquery-wp-content/themes/jquery/js/modernizr.custom.2.8.3.min.js"></script>

    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>

    <script src="//api.jquery.com/jquery-wp-content/themes/jquery/js/plugins.js"></script>
    <script src="//api.jquery.com/jquery-wp-content/themes/jquery/js/main.js"></script>

    <script src="https://use.typekit.net/wde1aof.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    <!-- at the end of the HEAD -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
    <link rel="stylesheet" href="//api.jquery.com/jquery-wp-content/themes/jquery/css/docsearch.css">

    <link rel='https://api.w.org/' href='//api.jquery.com/wp-json/' />
    <meta name="generator" content="WordPress 4.5.2" />

</head>
<body class="api jquery archive category category-event-object category-22 listing single-author">

<header>
    <section id="global-nav">
        <nav>
            <div class="constrain">
                <ul class="projects">
                    <li class="project jquery"><a href="https://jquery.com/" title="jQuery">jQuery</a></li>
                    <li class="project jquery-ui"><a href="https://jqueryui.com/" title="jQuery UI">jQuery UI</a></li>
                    <li class="project jquery-mobile"><a href="https://jquerymobile.com/" title="jQuery Mobile">jQuery Mobile</a></li>
                    <li class="project sizzlejs"><a href="https://sizzlejs.com/" title="Sizzle">Sizzle</a></li>
                    <li class="project qunitjs"><a href="https://qunitjs.com/" title="QUnit">QUnit</a></li>
                </ul>
                <ul class="links">
                    <li><a href="https://plugins.jquery.com/">Plugins</a></li>
                    <li class="dropdown"><a href="https://contribute.jquery.org/">Contribute</a>
                        <ul>
                            <li><a href="https://js.foundation/CLA">CLA</a></li>
                            <li><a href="https://contribute.jquery.org/style-guide/">Style Guides</a></li>
                            <li><a href="https://contribute.jquery.org/triage/">Bug Triage</a></li>
                            <li><a href="https://contribute.jquery.org/code/">Code</a></li>
                            <li><a href="https://contribute.jquery.org/documentation/">Documentation</a></li>
                            <li><a href="https://contribute.jquery.org/web-sites/">Web Sites</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="https://js.foundation/events">Events</a>
                        <ul class="wide">
                        </ul>
                    </li>
                    <li class="dropdown"><a href="https://jquery.org/support/">Support</a>
                        <ul>
                            <li><a href="https://learn.jquery.com/">Learning Center</a></li>
                            <li><a href="https://irc.jquery.org/">IRC/Chat</a></li>
                            <li><a href="https://forum.jquery.com/">Forums</a></li>
                            <li><a href="https://stackoverflow.com/tags/jquery/info">Stack Overflow</a></li>
                            <li><a href="https://jquery.org/support/">Commercial Support</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="https://js.foundation/">JS Foundation</a>
                        <ul>
                            <li><a href="https://js.foundation/about/join">Join</a></li>
                            <li><a href="https://js.foundation/about/members">Members</a></li>
                            <li><a href="https://js.foundation/about/leadership">Leadership</a></li>
                            <li><a href="https://js.foundation/community/code-of-conduct">Conduct</a></li>
                            <li><a href="https://js.foundation/about/donate">Donate</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </section>
</header>

<div id="container">
    <div id="logo-events" class="constrain clearfix">
        <h2 class="logo"><a href="https://jquery.com/" title="jQuery API Documentation">jQuery API Documentation</a></h2>

        <aside>
            <div id="broadcast">
                <a href="https://js.foundation/about/donate" title="Support the JS Foundation"><img src="/jquery-wp-content/themes/jquery/content/donate.png" title="Support the JS Foundation" alt="Support the JS Foundation" border="0" width="400" height="100"></a>
            </div>
        </aside>
    </div>

    <nav id="main" class="constrain clearfix">
        <div class="menu-top-container">
            <ul id="menu-top" class="menu">
                <li class="menu-item"><a href="https://jquery.com/download/">Download</a></li>
                <li class="menu-item current"><a href="https://api.jquery.com/">API Documentation</a></li>
                <li class="menu-item"><a href="https://blog.jquery.com/">Blog</a></li>
                <li class="menu-item"><a href="https://plugins.jquery.com/">Plugins</a></li>
                <li class="menu-item"><a href="https://jquery.com/browser-support/">Browser Support</a></li>
            </ul>
        </div>

        <form method="get" class="searchform" action="//api.jquery.com/">
            <button type="submit" class="icon-search"><span class="visuallyhidden">search</span></button>
            <label>
                <span class="visuallyhidden">Search jQuery API Documentation</span>
                <input type="text" name="s" value=""
                       placeholder="Search">
            </label>
        </form>
    </nav>

    <div id="content-wrapper" class="clearfix row">

        <div class="content-right twelve columns">
            <div id="content">

                <header class="page-header">
                    <h1 class="page-title">Category: <span>Event Object</span></h1>
                    <hr>
                    <div class="category-archive-meta"><p>jQuery&apos;s event system normalizes the event object according to <a href="https://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html">W3C standards</a>. The event object is guaranteed to be passed to the event handler. Most properties from the original event are copied over and normalized to the new event object.</p>
                        <div class="longdesc">
                            <h4>jQuery.Event Constructor</h4>
                            <p>The <code>jQuery.Event</code> constructor is exposed and can be used when calling <a href="/trigger">trigger</a>. The <code>new</code> operator is optional.</p>
                            <p>Check <a href="/trigger">trigger</a>&apos;s documentation to see how to combine it with your own event object.</p>
                            <p>Example:</p>
                            <div class="syntaxhighlighter javascript">
                                <table>
                                    <tbody>
                                    <tr>
                                        <td class="gutter">
                                            <div class="line n1">1</div>
                                            <div class="line n2">2</div>
                                            <div class="line n3">3</div>
                                            <div class="line n4">4</div>
                                            <div class="line n5">5</div>
                                        </td>
                                        <td class="code">
                                            <pre><div class="container"><div class="line"><code><span class="hljs-comment">//Create a new jQuery.Event object without the &quot;new&quot; operator.</span></code></div></div><div class="container"><div class="line"><code><span class="hljs-keyword">var</span> e = jQuery.Event( <span class="hljs-string">&quot;click&quot;</span> );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="hljs-comment">// trigger an artificial click event</span></code></div></div><div class="container"><div class="line"><code>jQuery( <span class="hljs-string">&quot;body&quot;</span> ).trigger( e );</code></div></div></pre>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <p>As of jQuery 1.6, you can also pass an object to <code>jQuery.Event()</code> and its properties will be set on the newly created Event object.</p>
                            <p>Example:</p>
                            <div class="syntaxhighlighter javascript">
                                <table>
                                    <tbody>
                                    <tr>
                                        <td class="gutter">
                                            <div class="line n1">1</div>
                                            <div class="line n2">2</div>
                                            <div class="line n3">3</div>
                                            <div class="line n4">4</div>
                                            <div class="line n5">5</div>
                                        </td>
                                        <td class="code">
                                            <pre><div class="container"><div class="line"><code><span class="hljs-comment">// Create a new jQuery.Event object with specified event properties.</span></code></div></div><div class="container"><div class="line"><code><span class="hljs-keyword">var</span> e = jQuery.Event( <span class="hljs-string">&quot;keydown&quot;</span>, { <span class="hljs-attr">keyCode</span>: <span class="hljs-number">64</span> } );</code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="hljs-comment">// trigger an artificial keydown event with keyCode 64</span></code></div></div><div class="container"><div class="line"><code>jQuery( <span class="hljs-string">&quot;body&quot;</span> ).trigger( e );</code></div></div></pre>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <h4>Common Event Properties</h4>
                            <p>jQuery normalizes the following properties for cross-browser consistency:</p>
                            <ul>
                                <li>
                                    <code>target</code>
                                </li>
                                <li>
                                    <code>relatedTarget</code>
                                </li>
                                <li>
                                    <code>pageX</code>
                                </li>
                                <li>
                                    <code>pageY</code>
                                </li>
                                <li>
                                    <code>which</code>
                                </li>
                                <li>
                                    <code>metaKey</code>
                                </li>
                            </ul>
                            <p>The following properties are also copied to the event object, though some of their values may be undefined depending on the event:</p>
                            <p>altKey, bubbles, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, currentTarget, data, detail, eventPhase, key, keyCode, metaKey, offsetX, offsetY, originalTarget, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, target, toElement, view, which</p>
                            <h4>Other Properties</h4>
                            <p>To access event properties not listed above, use the <code>event.originalEvent</code> object:</p>
                            <div class="syntaxhighlighter javascript">
                                <table>
                                    <tbody>
                                    <tr>
                                        <td class="gutter">
                                            <div class="line n1">1</div>
                                            <div class="line n2">2</div>
                                            <div class="line n3">3</div>
                                        </td>
                                        <td class="code">
                                            <pre><div class="container"><div class="line"><code><span class="hljs-comment">// Access the `dataTransfer` property from the `drop` event which</span></code></div></div><div class="container"><div class="line"><code><span class="hljs-comment">// holds the files dropped into the browser window.</span></code></div></div><div class="container"><div class="line"><code><span class="hljs-keyword">var</span> files = event.originalEvent.dataTransfer.files;</code></div></div></pre>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div></div>
                    </div>		</header>


                <article id="post-181" class="post-181 post type-post status-publish format-standard hentry category-event-object category-74">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.currentTarget/" title="Permalink to event.currentTarget" rel="bookmark">event.currentTarget</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The current DOM element within the event bubbling phase.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-183" class="post-183 post type-post status-publish format-standard hentry category-event-object category-67">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.data/" title="Permalink to event.data" rel="bookmark">event.data</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>An optional object of data passed to an event method when the current executing handler is bound.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-185" class="post-185 post type-post status-publish format-standard hentry category-event-object category-events category-83">
                    <header class="entry-header">
                        <div class="entry-meta">
                            Also in: <span class="category"><a href="//api.jquery.com/category/events/">Events</a></span>		</div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.delegateTarget/" title="Permalink to event.delegateTarget" rel="bookmark">event.delegateTarget</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The element where the currently-called jQuery event handler was attached.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-187" class="post-187 post type-post status-publish format-standard hentry category-event-object category-74">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.isDefaultPrevented/" title="Permalink to event.isDefaultPrevented()" rel="bookmark">event.isDefaultPrevented()</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Returns whether event.preventDefault() was ever called on this event object.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-189" class="post-189 post type-post status-publish format-standard hentry category-event-object category-74">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.isImmediatePropagationStopped/" title="Permalink to event.isImmediatePropagationStopped()" rel="bookmark">event.isImmediatePropagationStopped()</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Returns whether event.stopImmediatePropagation() was ever called on this event object.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-191" class="post-191 post type-post status-publish format-standard hentry category-event-object category-74">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.isPropagationStopped/" title="Permalink to event.isPropagationStopped()" rel="bookmark">event.isPropagationStopped()</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Returns whether event.stopPropagation() was ever called on this event object.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-193" class="post-193 post type-post status-publish format-standard hentry category-event-object category-66">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.metaKey/" title="Permalink to event.metaKey" rel="bookmark">event.metaKey</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Indicates whether the META key was pressed when the event fired.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-195" class="post-195 post type-post status-publish format-standard hentry category-event-object category-78">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.namespace/" title="Permalink to event.namespace" rel="bookmark">event.namespace</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The namespace specified when the event was triggered.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-197" class="post-197 post type-post status-publish format-standard hentry category-event-object category-66">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.pageX/" title="Permalink to event.pageX" rel="bookmark">event.pageX</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The mouse position relative to the left edge of the document.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-199" class="post-199 post type-post status-publish format-standard hentry category-event-object category-66">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.pageY/" title="Permalink to event.pageY" rel="bookmark">event.pageY</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The mouse position relative to the top edge of the document.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-201" class="post-201 post type-post status-publish format-standard hentry category-event-object category-65">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.preventDefault/" title="Permalink to event.preventDefault()" rel="bookmark">event.preventDefault()</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>If this method is called, the default action of the event will not be triggered.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-203" class="post-203 post type-post status-publish format-standard hentry category-event-object category-70">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.relatedTarget/" title="Permalink to event.relatedTarget" rel="bookmark">event.relatedTarget</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The other DOM element involved in the event, if any.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-205" class="post-205 post type-post status-publish format-standard hentry category-event-object category-74">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.result/" title="Permalink to event.result" rel="bookmark">event.result</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The last value returned by an event handler that was triggered by this event, unless the value was undefined.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-207" class="post-207 post type-post status-publish format-standard hentry category-event-object category-74">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.stopImmediatePropagation/" title="Permalink to event.stopImmediatePropagation()" rel="bookmark">event.stopImmediatePropagation()</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-209" class="post-209 post type-post status-publish format-standard hentry category-event-object category-65">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.stopPropagation/" title="Permalink to event.stopPropagation()" rel="bookmark">event.stopPropagation()</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-211" class="post-211 post type-post status-publish format-standard hentry category-event-object category-65">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.target/" title="Permalink to event.target" rel="bookmark">event.target</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The DOM element that initiated the event.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-213" class="post-213 post type-post status-publish format-standard hentry category-event-object category-73">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.timeStamp/" title="Permalink to event.timeStamp" rel="bookmark">event.timeStamp</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>The difference in milliseconds between the time the browser created the event and January 1, 1970.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-215" class="post-215 post type-post status-publish format-standard hentry category-event-object category-65">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.type/" title="Permalink to event.type" rel="bookmark">event.type</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>Describes the nature of the event.</p>
                    </div><!-- .entry-summary -->
                </article>

                <article id="post-217" class="post-217 post type-post status-publish format-standard hentry category-event-object category-69">
                    <header class="entry-header">
                        <div class="entry-meta">
                        </div>
                        <h1 class="entry-title">
                            <a href="//api.jquery.com/event.which/" title="Permalink to event.which" rel="bookmark">event.which</a>
                        </h1>
                    </header>

                    <div class="entry-summary">
                        <p>For key or mouse events, this property indicates the specific key or button that was pressed.</p>
                    </div><!-- .entry-summary -->
                </article>

                <div class="pagination"></div>
            </div>

            <div id="sidebar" class="widget-area" role="complementary">
                <aside id="categories" class="widget">
                    <ul>
                        <li class="cat-item cat-item-1"><a href="//api.jquery.com/category/ajax/" >Ajax</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-2"><a href="//api.jquery.com/category/ajax/global-ajax-event-handlers/" >Global Ajax Event Handlers</a>
                                </li>
                                <li class="cat-item cat-item-3"><a href="//api.jquery.com/category/ajax/helper-functions/" >Helper Functions</a>
                                </li>
                                <li class="cat-item cat-item-4"><a href="//api.jquery.com/category/ajax/low-level-interface/" >Low-Level Interface</a>
                                </li>
                                <li class="cat-item cat-item-5"><a href="//api.jquery.com/category/ajax/shorthand-methods/" >Shorthand Methods</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-6"><a href="//api.jquery.com/category/attributes/" >Attributes</a>
                        </li>
                        <li class="cat-item cat-item-7"><a href="//api.jquery.com/category/callbacks-object/" >Callbacks Object</a>
                        </li>
                        <li class="cat-item cat-item-8"><a href="//api.jquery.com/category/core/" >Core</a>
                        </li>
                        <li class="cat-item cat-item-9"><a href="//api.jquery.com/category/css/" >CSS</a>
                        </li>
                        <li class="cat-item cat-item-10"><a href="//api.jquery.com/category/data/" >Data</a>
                        </li>
                        <li class="cat-item cat-item-11"><a href="//api.jquery.com/category/deferred-object/" >Deferred Object</a>
                        </li>
                        <li class="cat-item cat-item-87"><a href="//api.jquery.com/category/deprecated/" >Deprecated</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-90"><a href="//api.jquery.com/category/deprecated/deprecated-1.3/" >Deprecated 1.3</a>
                                </li>
                                <li class="cat-item cat-item-88"><a href="//api.jquery.com/category/deprecated/deprecated-1.7/" >Deprecated 1.7</a>
                                </li>
                                <li class="cat-item cat-item-89"><a href="//api.jquery.com/category/deprecated/deprecated-1.8/" >Deprecated 1.8</a>
                                </li>
                                <li class="cat-item cat-item-94"><a href="//api.jquery.com/category/deprecated/deprecated-1.9/" >Deprecated 1.9</a>
                                </li>
                                <li class="cat-item cat-item-93"><a href="//api.jquery.com/category/deprecated/deprecated-1.10/" >Deprecated 1.10</a>
                                </li>
                                <li class="cat-item cat-item-98"><a href="//api.jquery.com/category/deprecated/deprecated-3.0/" >Deprecated 3.0</a>
                                </li>
                                <li class="cat-item cat-item-101"><a href="//api.jquery.com/category/deprecated/deprecated-3.2/" >Deprecated 3.2</a>
                                </li>
                                <li class="cat-item cat-item-99"><a href="//api.jquery.com/category/deprecated/deprecated-3.3/" >Deprecated 3.3</a>
                                </li>
                                <li class="cat-item cat-item-100"><a href="//api.jquery.com/category/deprecated/deprecated-3.4/" >Deprecated 3.4</a>
                                </li>
                                <li class="cat-item cat-item-102"><a href="//api.jquery.com/category/deprecated/deprecated-3.5/" >Deprecated 3.5</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-12"><a href="//api.jquery.com/category/dimensions/" >Dimensions</a>
                        </li>
                        <li class="cat-item cat-item-13"><a href="//api.jquery.com/category/effects/" >Effects</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-14"><a href="//api.jquery.com/category/effects/basics/" >Basics</a>
                                </li>
                                <li class="cat-item cat-item-15"><a href="//api.jquery.com/category/effects/custom-effects/" >Custom</a>
                                </li>
                                <li class="cat-item cat-item-16"><a href="//api.jquery.com/category/effects/fading/" >Fading</a>
                                </li>
                                <li class="cat-item cat-item-17"><a href="//api.jquery.com/category/effects/sliding/" >Sliding</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-18 current-cat-parent current-cat-ancestor"><a href="//api.jquery.com/category/events/" >Events</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-19"><a href="//api.jquery.com/category/events/browser-events/" >Browser Events</a>
                                </li>
                                <li class="cat-item cat-item-20"><a href="//api.jquery.com/category/events/document-loading/" >Document Loading</a>
                                </li>
                                <li class="cat-item cat-item-21"><a href="//api.jquery.com/category/events/event-handler-attachment/" >Event Handler Attachment</a>
                                </li>
                                <li class="cat-item cat-item-22 current-cat"><a href="//api.jquery.com/category/events/event-object/" >Event Object</a>
                                </li>
                                <li class="cat-item cat-item-23"><a href="//api.jquery.com/category/events/form-events/" >Form Events</a>
                                </li>
                                <li class="cat-item cat-item-24"><a href="//api.jquery.com/category/events/keyboard-events/" >Keyboard Events</a>
                                </li>
                                <li class="cat-item cat-item-25"><a href="//api.jquery.com/category/events/mouse-events/" >Mouse Events</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-26"><a href="//api.jquery.com/category/forms/" >Forms</a>
                        </li>
                        <li class="cat-item cat-item-27"><a href="//api.jquery.com/category/internals/" >Internals</a>
                        </li>
                        <li class="cat-item cat-item-28"><a href="//api.jquery.com/category/manipulation/" >Manipulation</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-29"><a href="//api.jquery.com/category/manipulation/class-attribute/" >Class Attribute</a>
                                </li>
                                <li class="cat-item cat-item-30"><a href="//api.jquery.com/category/manipulation/copying/" >Copying</a>
                                </li>
                                <li class="cat-item cat-item-32"><a href="//api.jquery.com/category/manipulation/dom-insertion-around/" >DOM Insertion, Around</a>
                                </li>
                                <li class="cat-item cat-item-33"><a href="//api.jquery.com/category/manipulation/dom-insertion-inside/" >DOM Insertion, Inside</a>
                                </li>
                                <li class="cat-item cat-item-34"><a href="//api.jquery.com/category/manipulation/dom-insertion-outside/" >DOM Insertion, Outside</a>
                                </li>
                                <li class="cat-item cat-item-35"><a href="//api.jquery.com/category/manipulation/dom-removal/" >DOM Removal</a>
                                </li>
                                <li class="cat-item cat-item-36"><a href="//api.jquery.com/category/manipulation/dom-replacement/" >DOM Replacement</a>
                                </li>
                                <li class="cat-item cat-item-37"><a href="//api.jquery.com/category/manipulation/general-attributes/" >General Attributes</a>
                                </li>
                                <li class="cat-item cat-item-38"><a href="//api.jquery.com/category/manipulation/style-properties/" >Style Properties</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-39"><a href="//api.jquery.com/category/miscellaneous/" >Miscellaneous</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-40"><a href="//api.jquery.com/category/miscellaneous/collection-manipulation/" >Collection Manipulation</a>
                                </li>
                                <li class="cat-item cat-item-41"><a href="//api.jquery.com/category/miscellaneous/data-storage/" >Data Storage</a>
                                </li>
                                <li class="cat-item cat-item-42"><a href="//api.jquery.com/category/miscellaneous/dom-element-methods/" >DOM Element Methods</a>
                                </li>
                                <li class="cat-item cat-item-43"><a href="//api.jquery.com/category/miscellaneous/setup-methods/" >Setup Methods</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-44"><a href="//api.jquery.com/category/offset/" >Offset</a>
                        </li>
                        <li class="cat-item cat-item-45"><a href="//api.jquery.com/category/properties/" >Properties</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-46"><a href="//api.jquery.com/category/properties/jquery-object-instance-properties/" >Properties of jQuery Object Instances</a>
                                </li>
                                <li class="cat-item cat-item-47"><a href="//api.jquery.com/category/properties/global-jquery-object-properties/" >Properties of the Global jQuery Object</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-92"><a href="//api.jquery.com/category/removed/" >Removed</a>
                        </li>
                        <li class="cat-item cat-item-48"><a href="//api.jquery.com/category/selectors/" >Selectors</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-49"><a href="//api.jquery.com/category/selectors/attribute-selectors/" >Attribute</a>
                                </li>
                                <li class="cat-item cat-item-50"><a href="//api.jquery.com/category/selectors/basic-css-selectors/" >Basic</a>
                                </li>
                                <li class="cat-item cat-item-51"><a href="//api.jquery.com/category/selectors/basic-filter-selectors/" >Basic Filter</a>
                                </li>
                                <li class="cat-item cat-item-52"><a href="//api.jquery.com/category/selectors/child-filter-selectors/" >Child Filter</a>
                                </li>
                                <li class="cat-item cat-item-53"><a href="//api.jquery.com/category/selectors/content-filter-selector/" >Content Filter</a>
                                </li>
                                <li class="cat-item cat-item-54"><a href="//api.jquery.com/category/selectors/form-selectors/" >Form</a>
                                </li>
                                <li class="cat-item cat-item-55"><a href="//api.jquery.com/category/selectors/hierarchy-selectors/" >Hierarchy</a>
                                </li>
                                <li class="cat-item cat-item-56"><a href="//api.jquery.com/category/selectors/jquery-selector-extensions/" >jQuery Extensions</a>
                                </li>
                                <li class="cat-item cat-item-57"><a href="//api.jquery.com/category/selectors/visibility-filter-selectors/" >Visibility Filter</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-58"><a href="//api.jquery.com/category/traversing/" >Traversing</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-59"><a href="//api.jquery.com/category/traversing/filtering/" >Filtering</a>
                                </li>
                                <li class="cat-item cat-item-60"><a href="//api.jquery.com/category/traversing/miscellaneous-traversal/" >Miscellaneous Traversing</a>
                                </li>
                                <li class="cat-item cat-item-61"><a href="//api.jquery.com/category/traversing/tree-traversal/" >Tree Traversal</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-63"><a href="//api.jquery.com/category/utilities/" >Utilities</a>
                        </li>
                        <li class="cat-item cat-item-64"><a href="//api.jquery.com/category/version/" >Version</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-65"><a href="//api.jquery.com/category/version/1.0/" >Version 1.0</a>
                                </li>
                                <li class="cat-item cat-item-66"><a href="//api.jquery.com/category/version/1.0.4/" >Version 1.0.4</a>
                                </li>
                                <li class="cat-item cat-item-67"><a href="//api.jquery.com/category/version/1.1/" >Version 1.1</a>
                                </li>
                                <li class="cat-item cat-item-68"><a href="//api.jquery.com/category/version/1.1.2/" >Version 1.1.2</a>
                                </li>
                                <li class="cat-item cat-item-69"><a href="//api.jquery.com/category/version/1.1.3/" >Version 1.1.3</a>
                                </li>
                                <li class="cat-item cat-item-70"><a href="//api.jquery.com/category/version/1.1.4/" >Version 1.1.4</a>
                                </li>
                                <li class="cat-item cat-item-71"><a href="//api.jquery.com/category/version/1.2/" >Version 1.2</a>
                                </li>
                                <li class="cat-item cat-item-72"><a href="//api.jquery.com/category/version/1.2.3/" >Version 1.2.3</a>
                                </li>
                                <li class="cat-item cat-item-73"><a href="//api.jquery.com/category/version/1.2.6/" >Version 1.2.6</a>
                                </li>
                                <li class="cat-item cat-item-74"><a href="//api.jquery.com/category/version/1.3/" >Version 1.3</a>
                                </li>
                                <li class="cat-item cat-item-75"><a href="//api.jquery.com/category/version/1.4/" >Version 1.4</a>
                                </li>
                                <li class="cat-item cat-item-76"><a href="//api.jquery.com/category/version/1.4.1/" >Version 1.4.1</a>
                                </li>
                                <li class="cat-item cat-item-77"><a href="//api.jquery.com/category/version/1.4.2/" >Version 1.4.2</a>
                                </li>
                                <li class="cat-item cat-item-78"><a href="//api.jquery.com/category/version/1.4.3/" >Version 1.4.3</a>
                                </li>
                                <li class="cat-item cat-item-79"><a href="//api.jquery.com/category/version/1.4.4/" >Version 1.4.4</a>
                                </li>
                                <li class="cat-item cat-item-80"><a href="//api.jquery.com/category/version/1.5/" >Version 1.5</a>
                                </li>
                                <li class="cat-item cat-item-81"><a href="//api.jquery.com/category/version/1.5.1/" >Version 1.5.1</a>
                                </li>
                                <li class="cat-item cat-item-82"><a href="//api.jquery.com/category/version/1.6/" >Version 1.6</a>
                                </li>
                                <li class="cat-item cat-item-83"><a href="//api.jquery.com/category/version/1.7/" >Version 1.7</a>
                                </li>
                                <li class="cat-item cat-item-84"><a href="//api.jquery.com/category/version/1.8/" >Version 1.8</a>
                                </li>
                                <li class="cat-item cat-item-86"><a href="//api.jquery.com/category/version/1.9/" >Version 1.9</a>
                                </li>
                                <li class="cat-item cat-item-103"><a href="//api.jquery.com/category/version/1.12-and-2.2/" >Version 1.12 &amp; 2.2</a>
                                </li>
                                <li class="cat-item cat-item-95"><a href="//api.jquery.com/category/version/3.0/" >Version 3.0</a>
                                </li>
                                <li class="cat-item cat-item-96"><a href="//api.jquery.com/category/version/3.1/" >Version 3.1</a>
                                </li>
                                <li class="cat-item cat-item-104"><a href="//api.jquery.com/category/version/3.2/" >Version 3.2</a>
                                </li>
                                <li class="cat-item cat-item-105"><a href="//api.jquery.com/category/version/3.3/" >Version 3.3</a>
                                </li>
                                <li class="cat-item cat-item-106"><a href="//api.jquery.com/category/version/3.4/" >Version 3.4</a>
                                </li>
                                <li class="cat-item cat-item-107"><a href="//api.jquery.com/category/version/3.5/" >Version 3.5</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </aside>
            </div>
        </div>

    </div>
</div>

<footer class="clearfix simple">
    <div class="constrain">
        <div class="row">
            <div class="six columns offset-by-three">
                <h3><span>Books</span></h3>
                <ul class="books">
                    <li>
                        <a href="https://www.packtpub.com/web-development/learning-jquery-fourth-edition">
                            <img src="//api.jquery.com/jquery-wp-content/themes/jquery/content/books/learning-jquery-4th-ed.jpg" alt="Learning jQuery 4th Edition by Karl Swedberg and Jonathan Chaffer" width="92" height="114">
                            Learning jQuery Fourth Edition
                            <cite>Karl Swedberg and Jonathan Chaffer</cite>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.manning.com/books/jquery-in-action-third-edition">
                            <img src="//api.jquery.com/jquery-wp-content/themes/jquery/content/books/jquery-in-action.jpg" alt="jQuery in Action by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa" width="92" height="114">
                            jQuery in Action
                            <cite>Bear Bibeault, Yehuda Katz, and Aurelio De Rosa</cite>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.syncfusion.com/ebooks/jquery">
                            <img src="//api.jquery.com/jquery-wp-content/themes/jquery/content/books/jquery-succinctly.jpg" alt="jQuery Succinctly by Cody Lindley" width="92" height="114">
                            jQuery Succinctly
                            <cite>Cody Lindley</cite>
                        </a>
                    </li>
                </ul>
            </div>
        </div>


        <div id="legal">
            <ul class="footer-site-links">
                <li><a class="icon-pencil" href="https://learn.jquery.com/">Learning Center</a></li>
                <li><a class="icon-group" href="https://forum.jquery.com/">Forum</a></li>
                <li><a class="icon-wrench" href="https://api.jquery.com/">API</a></li>
                <li><a class="icon-twitter" href="https://twitter.com/jquery">Twitter</a></li>
                <li><a class="icon-comments" href="https://irc.jquery.org/">IRC</a></li>
                <li><a class="icon-github" href="https://github.com/jquery">GitHub</a></li>
            </ul>
            <p class="copyright">
                Copyright 2021 <a href="https://openjsf.org/">OpenJS Foundation</a> and jQuery contributors. All rights reserved. See <a href="https://jquery.org/license/">jQuery License</a> for more information. The <a href="https://openjsf.org/">OpenJS Foundation</a> has registered trademarks and uses trademarks. For a list of trademarks of the <a href="https://openjsf.org/">OpenJS Foundation</a>, please see our <a href="https://trademark-policy.openjsf.org/">Trademark Policy</a> and <a href="https://trademark-list.openjsf.org/">Trademark List</a>. Trademarks and logos not indicated on the <a href="https://trademark-list.openjsf.org/">list of OpenJS Foundation trademarks</a> are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them. OpenJS Foundation <a href="https://terms-of-use.openjsf.org/">Terms of Use</a>, <a href="https://privacy-policy.openjsf.org/">Privacy</a>, and <a href="https://www.linuxfoundation.org/cookies">Cookie</a> Policies also apply.
                <span class="sponsor-line"><a href="https://www.digitalocean.com" class="do-link">Web hosting by Digital Ocean</a> | <a href="https://www.stackpath.com" class="sp-link">CDN by StackPath</a></span>
            </p>
        </div>

    </div>
</footer>

<script type='text/javascript' src='//api.jquery.com/wp-includes/js/wp-embed.min.js?ver=4.5.2'></script>
<!-- at the end of the BODY -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"  onload="document.querySelector('input[name=\'s\']') && docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
		indexName: 'jquery',
		inputSelector: 'input[name=\'s\']',
		debug: true // Set debug to true if you want to inspect the dropdown
	})" async></script>
</body>
</html>
